<template>
  <div>
    <br>
    <el-row>
      <el-col span="4">
        <el-button type="success" size="small">工作上报</el-button>
      </el-col>
    </el-row>
    <br/>
    <el-table
      :data="workList"
      stripe
      style="width: 100%">
      <el-table-column
        prop="workId"
        label="序号"
        width="80">
      </el-table-column>
      <el-table-column
        prop="workTime"
        label="时间"
        width="160">
      </el-table-column>
      <el-table-column
        prop="workContext"
        label="工作内容"
        width="160">
      </el-table-column>
      <el-table-column
        prop="workCount"
        width="120"
        label="工作量">
      </el-table-column>
      <el-table-column
        prop="workCheckStatus"
        width="180"
        label="审核状态">
      </el-table-column>
      <el-table-column
        fixed="right"
        label="操作"
      >
        <template slot-scope="scope">
          <el-row>
            <el-button icon="el-icon-search" circle size="small">审批详情</el-button>
          </el-row>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      :current-page="params.page"
      :page-size="params.size"
      style="float: right;"
      layout="prev, pager, next"
      @current-change="changePage"
      :total="total">
    </el-pagination>
  </div>
</template>

<script>
  import ElRow from "element-ui/packages/row/src/row";

  export default {
    components: {
      ElRow
    },
    data() {
      return {
        workList: [{
          workId: '1',
          workTime: '2019-12-5',
          workContext: '组装屏幕',
          workCount: '120件 ',
          workCheckStatus: '部门经理审核中',
        },
          {
            workId: '2',
            workTime: '2019-12-5',
            workContext: '组装屏幕',
            workCount: '120件 ',
            workCheckStatus: '部门经理审核中',
          },
          {
            workId: '3',
            workTime: '2019-12-5',
            workContext: '组装屏幕',
            workCount: '120件 ',
            workCheckStatus: '部门经理审核中',
          },
          {
            workId: '4',
            workTime: '2019-12-5',
            workContext: '组装屏幕',
            workCount: '120件 ',
            workCheckStatus: '部门经理审核中',
          },
          {
            workId: '5',
            workTime: '2019-12-5',
            workContext: '组装屏幕',
            workCount: '120件 ',
            workCheckStatus: '部门经理审核中',
          },
        ],
        personName: '',
        crop: '',
        cropList: [],
        total: 50,
        params: {
          page: 1,
          size: 5
        },
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>

<style>


</style>
